<template>
  <div>
    <el-form :inline="true" class="demo-form-inline" style="text-align: left">
<!--      <el-form-item label="下单时间">-->
<!--        <el-date-picker-->
<!--          v-model="time"-->
<!--          size="small"-->
<!--          type="daterange"-->
<!--          range-separator="至"-->
<!--          start-placeholder="开始日期"-->
<!--          end-placeholder="结束日期">-->
<!--        </el-date-picker>-->
<!--      </el-form-item>-->
<!--      <el-form-item>-->
<!--        <el-button type="primary" @click="onSubmit" size="small">查询</el-button>-->
<!--      </el-form-item>-->
    </el-form>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick" style="min-height: 500px">
      <el-tab-pane label="全部订单" name="allOrder">
        <all-order/>
      </el-tab-pane>
<!--      <el-tab-pane label="待支付" name="unpaid">-->
<!--        <unpaid/>-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="待收货" name="waitReceiving">-->
<!--        <wait-receiving/>-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="已完成" name="offStocks">-->
<!--        <off-stocks/>-->
<!--      </el-tab-pane>-->
    </el-tabs>


<!--    <div class="footer">-->
<!--      <el-row :gutter="20">-->
<!--        <el-col :span="8" class="le">-->
<!--          已选择件-->
<!--        </el-col>-->
<!--        <el-col :span="8" class="cen" style="line-height: 60px">-->
<!--          合计：0.00元-->
<!--        </el-col>-->
<!--        <el-col :span="8" class="ri">-->
<!--          <el-button type="primary" @click="onSubmit">订单支付</el-button>-->
<!--        </el-col>-->
<!--      </el-row>-->
<!--    </div>-->
  </div>
</template>

<script>
import allOrder from './components/allOrder'
import offStocks from './components/offStocks'
import waitReceiving from './components/waitReceiving'
import unpaid from './components/unpaid'
export default {
  name: 'myOrder',
  components: {
    allOrder,
    offStocks,
    waitReceiving,
    unpaid
  },
  data () {
    return {
      activeName: 'allOrder',
      time: ''
    }
  },
  mounted () {
  },
  methods: {
    onSubmit () {

    },
    handleClick (tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

<style scoped lang="less">
  @import '../../../assets/style/common.less';
</style>

